<template>
    <div class="about">
        <div id="Banner">
            <img class="WidthPer" src="../assets/ban.jpg" alt="">
        </div>
        <div id="About_About">
            <div class="width auto">
                <div class="About_About_AHold"></div>
                <div class="About_About_TuPian">
                    <img src="../assets/logo_o.png">
                </div>
                <div class="About_About_R">
                    <div class="About_Block_Rub_Tit st">集团介绍</div>
                    <div class="About_Block_Rub_TitE">GROUP INTRODUCTION</div>
                    <div class="About_About_Remark">
                        麦迪森控股集团立基香港，放眼全球。
                        <br>我们始终以独立的视角与观点来针对商业与经济发展进行分析、计划、布局，捕捉下一步趋势与机会。
                        <br>麦迪森自2015年上市伊始,以高端红酒业务起步,赢得市场业界广泛赞誉;
                        <br>随后于2017年进一步发力金融服务及金融创新业务领域，将涵盖证券、资管、投行咨询的全牌照金融平台CVP Financial Group 收入麾下,拓展为一站式金融服务机构。
                        <br>近年来随着区块链技术的蓬勃发展，世界各国投资者对该技术相应的数字货币需求持续上升，使其有趋势成为法定货币以外另一种货币交易媒介，由此承载数字货币交易及兑换的交易所得以迅速兴起与发展。
                        <br>麦迪森于2018年投资收购日本著名的数字货币交易所BITPOINT，希冀通过与BITPOINT的全面战略合作，实现集团由传统金融向金融创新领域的转型；
                           在金融变革的新常态中，抓住机遇、控制风险、预见颠覆、勇于实践；力求与集团现有业务产生协同效应，为客户及股东们带来更大利益。
                    </div>
                </div>
                <div class="clear"></div>
                <div class="About_About_Ico">
                    <div class="width auto">
                        <div><img src="../assets/About_5.jpg"></div>
                    </div>
                </div>
                <!-- <div class="About_About_Img"><img src="../assets/About_2.png"></div> -->
            </div>
            <div>
                <img class="WidthPer" src="../assets/59cbb9feea625.jpg">
            </div>
            <div id="About_YuanJing">
                <div class="width auto">
                    <div class="About_Block_Rub">
                        <div class="About_Block_Rub_Tit st">公司愿景</div>
                        <div class="About_Block_Rub_TitE">COMPANY VISION</div>
                        <div class="About_Block_Rub_Line"><img src="../assets/About_6.jpg"></div>
                    </div>
                    <div class="About_YuanJing_Remark">
                      <p>踏入21世纪以来，人类的生活方式、资讯的传播广度、新事物的层出不穷、世界秩序的冲击与调整朝定昼变，已成为唯一不变的恒常。趋易的思维、从变的能力，已是任何实体在未来世界中立足的根本。      麦迪森将以灵活不羁、快速高效的执行力响应香港及亚太瞬息万变的金融生态、提供全面而优质的金融（科技）、区块链及数字化商业领域的服务。我们期盼且坚信，在未来香港与周遭世界的发展之路上，麦迪森 Group将留下它重要的足迹。</p>
                    </div>
                    <div class="About_About_Ico">
                        <div class="width auto">
                            <div><img src="../assets/About_5.jpg"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="About_JiaGou">
                <div class="width auto">
                    <div class="About_Block_Rub">
                        <div class="About_Block_Rub_Tit st">公司架构</div>
                        <div class="About_Block_Rub_TitE">COMPANY STRUCTURE</div>
                        <div class="About_Block_Rub_Line"><img src="../assets/About_6.jpg"></div>
                    </div>
                </div>
                <div class="About_JiaGou_Pic"><img class="WidthPer" src="../assets/jiagou.jpg"></div>
                <div class="width auto" style="max-width: 700px;">
                    <div><img title="About_7.jpg" class="WidthPer" src="../assets/jiagou.png"><br><br></div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  }
};
</script>

<style>
.about {
  background-color: #f2f2f2;
}
#Banner {
  padding-top: 67px;
}
.About_About_AHold {
  padding-top: 75px;
}
.About_About_TuPian {
  width: 25.4%;
  float: left;
}
@media (max-width: 767px) {
  .About_About_TuPian {
    width: 100%;
    display: none;
  }
}
.About_About_TuPian img {
  width: 100%;
}
@media (max-width: 767px) {
  .About_About_TuPian img {
    position: static;
  }
}
@media (max-width: 900px) {
  .About_About_TuPian img {
    bottom: -240px;
  }
}
.About_About_R {
  float: right;
  width: 68%;
}
@media (max-width: 767px) {
  .About_About_R {
    width: 100%;
  }
}
.About_Block_Rub_Tit {
  font-size: 26px;
  color: #000;
  font-weight: bold;
}
.About_Block_Rub_TitE {
  font-size: 20px;
  color: #a9a9a9;
  text-transform: uppercase;
}
.About_About_Remark {
  font-size: 16px;
  color: #606060;
  line-height: 28px;
  padding-top: 40px;
}
.About_About_Ico {
  text-align: center;
}
.About_About_Ico img {
  margin-top: 65px;
  margin-bottom: 20px;
}
.About_About_Img {
  position: relative;
}
.WidthPer {
  width: 100%;
}
.About_Block_Rub {
  text-align: center;
  padding-top: 108px;
}
.About_Block_Rub_Line {
  text-align: center;
  padding-top: 27px;
}
.About_JiaGou_Pic {
  padding-top: 40px;
}
</style>

